<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>


<script type="text/javascript" src="Content/js/Lib/jquery-1.8.2.js"></script>
<script type="text/javascript" src="Content/js/Dangki/jquery.js"></script>
<script type="text/javascript" src="Content/js/Dangki/jquery.validate.js"></script>
<script type="text/javascript" src="Content/js/Dangki/jquery.validate.password.js"></script>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<link rel="stylesheet" type="text/css"
	href="Content/css/Register/index.css" />
<link rel="stylesheet" type="text/css"
	href="Content/css/ForgetPassword/index.css" />
<div class="container">
	<ul class="breadcrumb" style="margin-bottom: 10px;">
		<li><a href="home">Trang chủ</a> <span class="divider">/</span></li>
		<li class="active">Lấy lại mật khẩu</li>
	</ul>
	<div class="menuleft">
		<div  class="my_menu" style="width:200px;">
        	<div class="header">Menu</div>
			<ul style="margin-top:0px;margin-bottom:2px;">
                <c:forEach var="menu" items="${requestScope.lMenu1 }">
					<li><a href="book.do?tpid=${ menu.topicId}&trang=1&slbooktt=${requestScope.soBookMacDinh}&kieuSort=${requestScope.kieuSapXep}"><c:out value="${menu.topicName }"></c:out></a></li>	
				</c:forEach>	                  
            </ul>
		</div>		
	</div>
	<div class="main-content">
		<!-- Begin page -->
		<div class="page-header-forget-password">
			<h4>Giúp bạn lấy lại mật khẩu</h4>
		</div>
		<div class="result success-send" id="success-send">Hệ thống đã gửi mật khẩu cũ về
			email của bạn. Vui lòng kiểm tra email và tiến hành <a href="DangNhap.do">đăng nhập</a>. Xin
			cảm ơn</div>
		<div class="result fail-send" id="fail-send"></div>
		<p style="margin: 13px 0px 18px 0px;">
			Vui lòng điền email của bạn dưới đây. Mật khẩu mới sẽ được gửi vào
			email của bạn.<br />
			<span class="required">* Các trường bắt buộc</span>
		</p>
		<div class="error-message" id="result-register" style="display:none;">
        	<p>Vui lòng kiểm tra lại email</p>
        </div>
		<ul class="nav">
			<li>
					<div class="input-box">
						<label class="strong">Tên đăng nhập <span class="required">*</span></label>
						<input type="text" name="TenDangNhap" id="TenDangNhap" style="float:left;"/>
					</div>
			</li>
			<li>
					<div class="input-box">
						<label class="strong">Địa chỉ email <span class="required">*</span></label>
						<input type="email" name="Email" id="Email" style="float:left;"/>
						<div id="check-email" class="check-item"></div>
					</div>
			</li>
		</ul>
		<button class="btn btn-primary" id="btn-send">Lấy lại mật khẩu</button>
		<button class="btn btn-primary" id="btn-register">Lấy lại mật khẩu</button>
		<!-- End of page -->
	</div>
</div>
<script>
	var flagEmail = false;
	
	function validateEmail(sEmail) {
	    var filter = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
	    if (filter.test(sEmail)) {
	        return true;
	    }
	    else {
	        return false;
	    }
	}
	$('#Email').change(function(){
		if($(this).val() != "")
			{
				$('#Email').css("background-color", "white");
				var sEmail = $('#Email').val();
		        if ($.trim(sEmail).length == 0) {
		        	$("#check-email").css("color", "red");
        			$("#check-email").html('<img src="Content/images/Register/error_msg_icon.gif" /> Vui lòng điền đúng email');
        			flagEmail = false;
		            e.preventDefault();
		        }
		        if (validateEmail(sEmail)) {
		        	$("#check-email").css("color", "red");
        			$("#check-email").html('');
        			flagEmail = true;
		        }
		        else {
		        	$("#check-email").css("color", "red");
        			$("#check-email").html('<img src="Content/images/Register/error_msg_icon.gif" /> Vui lòng điền đúng định dạng email !');
        			flagEmail = false;
		            e.preventDefault();
		        }
			}
		else
			{
				$("#check-email").css("color", "red");
				$("#check-email").html('');
				flagEmail = false;
			}
	});
	
	$('#btn-send').click(function(){
		if($('#TenDangNhap').val() == "")
		{
			$('#TenDangNhap').focus();
			$('#TenDangNhap').css("background-color", "#FD9FB9");
			return false;
		}
		
		if($('#Email').val() == "" || flagEmail == false)
		{
			$('#Email').focus();
			$('#Email').css("background-color", "#FD9FB9");
			$('#result-register').css("display", "block");
			return false;
		}
		var email = $('#Email').val();
		var id=$('#TenDangNhap').val();
		$.ajax({
	        type: "GET",
	        datetype: "html",
	        url: "KiemTraVaGuiMail.do",
	        data: "email=" + email+"id"+id,
	        async: false,
	        success: function(response){
	        	$('#main-loader').css("display", "none");
	        	if(response == "noid")
        		{
	        		$("#fail-send").css("display", "none");
	        		$('#result-register').css("display", "none");
	        		$("#success-send").css("display", "block");
        		}
	        	if(response == "sendsuccess")
        		{
	        		$("#fail-send").css("display", "none");
	        		$('#result-register').css("display", "none");
	        		$("#success-send").css("display", "block");
	        		var delay = 2000; //Your delay in milliseconds
	        		setTimeout(function(){ window.location = 'DangNhap.do'; }, delay);
        		}
	        	if(response == "notexist")
        		{
	        		$('#result-register').css("display", "none");
	        		$("#success-send").css("display", "none");
        			$("#fail-send").html('Địa chỉ email chưa được đăng ký trong hệ thống');
	        		$("#fail-send").css("display", "block");
        		}
	        	if(response == "sendfail")
	        	{
	        		$('#result-register').css("display", "none");
	        		$("#success-send").css("display", "none");
        			$("#fail-send").html('Quá trình gửi email bị lỗi. Xin vui lòng thử lại sau');
	        		$("#fail-send").css("display", "block");
        		}
	        },
	         error: function(e){
	        	 $('#main-loader').css("display", "none");
	        	 $('#result-register').css("display", "none");
	        		$("#success-send").css("display", "none");
     			$("#fail-send").html('Quá trình gửi email bị lỗi. Xin vui lòng thử lại sau');
	        		$("#fail-send").css("display", "block");
	         }
	    });
	});
</script>